<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>摩旅圈App后台管理</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.default.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/prettify/prettify.css"
	type="text/css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/prettify/prettify.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.resize.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/custom.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/laydate/laydate.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
</head>

<body>

	<div class="mainwrapper">

		<!-- START OF LEFT PANEL -->
		<div class="leftpanel">

			<div class="logopanel">
				<h1>
					<a href="${pageContext.request.contextPath}/index.jsp">摩旅圈 <span>v1.0</span></a>
				</h1>
			</div>
			<!--logopanel-->

			<div class="leftmenu">
				<ul class="nav nav-tabs nav-stacked">
					<li class="nav-header">主功能</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/index.jsp"><span
							class="icon-pencil"></span> 发帖</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/post_find.jsp">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_picture.jsp">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_team.jsp">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_trade.jsp">交易贴</a></li>
						</ul></li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/post_elite.jsp"><span
							class=" icon-edit"></span> 帖子管理</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/posts/getAllPostsDiscover">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsPic">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsFriend">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsTrade">交易贴</a></li>
						</ul>
					</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/media.jsp"><span
							class="icon-picture"></span> App图片</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/welcome.jsp">欢迎页配置</a></li>
							<li><a href="${pageContext.request.contextPath}/start_pic.jsp">首页轮播图</a></li>
						</ul></li>
					<li><a href="${pageContext.request.contextPath}/user/userList"><span
							class="iconsweets-male"></span> 用户管理</a></li>

				</ul>
			</div>
			<!--leftmenu-->

		</div>
		<!--mainleft-->
		<!-- END OF LEFT PANEL -->

		<!-- START OF RIGHT PANEL -->
		<div class="rightpanel">
			<div class="headerpanel">
				<a href="" class="showmenu"></a>

				<div class="headerright">
					<div class="dropdown userinfo">
						<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"
							href="/page.jsp">Hi, ${sessionScope.username}&nbsp;! <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<%-- <li><a href="${pageContext.request.contextPath}/index.jsp"><span
									class="icon-edit"></span> 修改密码</a></li> 
							<li class="divider"></li>--%>
							<li><a href="${pageContext.request.contextPath}/login.jsp"><span
									class="icon-off"></span> 退出</a></li>
						</ul>
					</div>
					<!--dropdown-->

				</div>
				<!--headerright-->

			</div>
			<!--headerpanel-->
			<div class="breadcrumbwidget">
				<!-- <ul class="skins">
					<li><a href="default" class="skin-color default"></a></li>
					<li><a href="orange" class="skin-color orange"></a></li>
					<li><a href="dark" class="skin-color dark"></a></li>
					<li>&nbsp;</li>
					<li class="fixed"><a href="" class="skin-layout fixed"></a></li>
					<li class="wide"><a href="" class="skin-layout wide"></a></li>
				</ul> -->
				<!--skins-->
				<ul class="breadcrumb">
					<li><a href="${pageContext.request.contextPath}/index.jsp">Home</a>
						<span class="divider">/</span></li>
					<li class="active">组队贴</li>
				</ul>
			</div>
			<!--breadcrumbwidget-->

			<div class="maincontent">
				<div class="contentinner">

					<div class="widgetcontent">
						<form class="stdform" action="${pageContext.request.contextPath}/posts/addFriendPosts" enctype="multipart/form-data" method="post">
							<p>
							<input type="hidden" name="postsType" value="3">
							</p>
						<p>
                        	<label>帖子主题</label>
                            <span class="field"><input type="text" name="postsSubject" class="input-xlarge" placeholder="请输入帖子主题" /></span>
                        </p>
                        
                        <p>
                        	<label>帖子内容</label>
                            <span class="field"><textarea cols="80" rows="5" name="postsContent" class="span5" placeholder="请输入帖子内容"></textarea></span> 
                        </p>
			
						<p>
                            <label>帖子图片</label>
                            <span class="field">
                            	<input type="file" class="uniform-file" name="post_pic" /><input type="text" name="picdesc" placeholder="图片简单说明" />
                            </span>
                        </p>

						<!-- <p>
                            <span class="field">
                            	<input type="file" class="uniform-file" name="post_pic" /><input type="text" name="picdesc" placeholder="图片简单说明" />
                            </span>
                        </p>

						<p>
                            <span class="field">
                            	<input type="file" class="uniform-file" name="post_pic" /><input type="text" name="picdesc" placeholder="图片简单说明" />
                            </span>
                        </p> -->
	
						<span class="field">
							<div id="add"> 
 
							</div> 
						</span>

						<p>
							<span class="field">
							<span class="icon-plus"></span>
							<input name="" type="button" value="添加帖子图片" onClick="AddElement('file')" /> 
                            </span>
							
						</p>

							<hr />

							<p>
								<label>集合时间</label> <span class="field"><input id="time"
									type="text" name="postsAssembleTime" class="input-xlarge"
									placeholder="请选择集合时间"
									onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" /><span
									class="iconsweets-day"></span></span>
							</p>

							<p>
								<label>集合地点</label> <span class="field"><input
									type="text" name="postsRendezvous" class="input-xlarge"
									placeholder="请输入集合地点" /></span>
							</p>

							<p>
								<label>目标地点</label> <span class="field"><input
									type="text" name="postsDestination" class="input-xlarge"
									placeholder="请输入目标地点" /></span>
							</p>

							<p>
								<label>人数限制</label> <span class="field"><input
									type="text" name="postsPopulation" class="input-xlarge"
									placeholder="请输入人数限制" /></span>
							</p>

							<p>
								<label>联系电话</label> <span class="field"><input
									type="text" name="postsPhone" class="input-xlarge"
									placeholder="请输入联系电话" /></span>
							</p>



							<p class="stdformbutton">
								<button class="btn btn-danger">发帖</button>
								<button type="reset" class="btn btn-info">重置</button>
							</p>


						</form>
					</div>
				</div>
			</div>

		</div>
		<!--mainwrapper-->
		<script type="text/javascript">
			!function() {
				laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
				laydate({
					elem : '#time'
				});//绑定元素
			}();

			//日期范围限制
			var start = {
				elem : '#start',
				format : 'YYYY-MM-DD',
				min : laydate.now(), //设定最小日期为当前日期
				max : '2099-06-16', //最大日期
				istime : true,
				istoday : false,
				choose : function(datas) {
					end.min = datas; //开始日选好后，重置结束日的最小日期
					end.start = datas //将结束日的初始值设定为开始日
				}
			};

			var end = {
				elem : '#end',
				format : 'YYYY-MM-DD',
				min : laydate.now(),
				max : '2099-06-16',
				istime : true,
				istoday : false,
				choose : function(datas) {
					start.max = datas; //结束日选好后，充值开始日的最大日期
				}
			};
			laydate(start);
			laydate(end);

			//自定义日期格式
			laydate({
				elem : '#test1',
				format : 'YYYY年MM月DD日',
				festival : true, //显示节日
				choose : function(datas) { //选择日期完毕的回调
					alert('得到：' + datas);
				}
			});
			function AddElement(mytype) {
				var mytype, TemO = document.getElementById("add");
				var newInput = document.createElement("input");
				newInput.type = mytype;
				newInput.name = "filename";
				TemO.appendChild(newInput);

				var newInput2 = document.createElement("input");
				newInput2.type = "text";
				newInput2.name = "posts_picture";
				newInput2.placeholder = "图片简单说明";
				TemO.appendChild(newInput2);

				var newline2 = document.createElement("br");
				TemO.appendChild(newline2);

				var newline3 = document.createElement("br");
				TemO.appendChild(newline3);

			}
		</script>
</body>
</html>
